Start with a feature, not a layout. 從功能入手,而非佈局

開始設計新應用時,新手很容易進入一個誤區

從介面框架開始設計,比如你開始就會考慮導航如何設計:

為什麼這樣做是錯的?

1 沒有功能,框架就是空架子

框架的本質,是為了“裝功能”的。如果你不知道有哪些功能、功能之間怎麼流轉,那你畫出的導航就是憑空想象的。

2 容易設計出冗餘、重複或不必要的頁面

比如你先畫了“個人中心”“收藏”“設定”“訊息”這幾個頁面——結果真正的功能可能只有“設定”需要單獨頁面,其他根本用不到。

3 你忽略了使用者任務流

功能設計是基於“使用者的目標”(我要上傳檔案、我要編輯圖片、我要下單)框架只是幫助使用者達成這些目標的路徑。

4 “資訊不足”導致反覆重做

比如你先設定一個“建立專案”入口,結果後來發現專案有兩種型別,流程完全不同,原來的入口就不夠用了。

正確的方法應該是:

從一個實際的功能模組開始設計。假設你正在構建一個航班預訂服務。你可以從“搜尋航班”這樣的功能開始。比如你的介面將需要:出發城市輸入框、目的地城市輸入框、出發日期輸入框、返回日期輸入框、執行搜尋的按鈕

按照這個思路你會發現其實UI很簡單,不需要額外的什麼東西,例如google就是這麼做的

Don't over-invest 不要過度投入

重點是快速製作草圖和線框圖,不要在這個階段花太多時間。這些草圖只是用來幫你理清思路的工具,一旦你確定了設計方向,就可以放下它們,開始下一步工作。